<template>
  <div class="father">
    <h3>父组件</h3>
    <h4 v-show="toy">子给的玩具: {{toy}}</h4>
    <button @click="test(6, 7, $event)">点击</button>
<!--    绑定事件-->
		<Child @test-event="getData"/>
  </div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue'
import {ref} from "vue";

let toy = ref('')

function test(a:number, b:number, c:Event) {
  console.log(a, b, c)
}

function getData(value: String) {
  toy.value = value
}

</script>

<style scoped>
	.father{
		background-color:rgb(165, 164, 164);
		padding: 20px;
		border-radius: 10px;
	}
</style>